<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0, minimum-scale=1.0">
    <title>准易地图APP</title>
    <link rel="stylesheet" href="./bootstrap./css/bootstrap.min.css">
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/index.css">
    <script src="./js/flexible.js"></script>
</head>

<body>
    <div class="top">
        <div class="search">
            <form action="">
                <!-- <div>
                    <h3></h3>
                </div> -->
                <span class="glyphicon glyphicon-search"></span>
                <input type="text" placeholder="搜索想要去的地方...">
            </form>
        </div>
        <div class="service"><img src="./images/service.png"><span>客服</span></div>
        <a href="#" class="bigbox">
            <div class="lef">&lt;</div>
            <div class="banner">
                <img src="./images/1111.png" alt="">
                <img src="./images/fj1.jfif" alt="">
                <img src="./images/fj2.jfif" alt="">
            </div>
            <div class="rig">&gt;</div>
        </a>
        <ul class="slide">
            <li>
                <!-- <div></div> -->
            </li>
            <li>
                <!-- <div></div> -->
            </li>
            <li>
                <!-- <div></div> -->
            </li>
        </ul>
    </div>
    <div class="center">
        <ul>
            <li><a href="#"><img src="./images/UI图标16.png" alt=""><span>乘车二维码</span></a></li>
            <li><a href="#"><img src="./images/UI图标17.png" alt=""><span>便捷乘车卡</span></a></li>
            <li><a href="#"><img src="./images/UI图标18.png" alt=""><span>乘车优惠</span></a></li>
            <li><a href="#"><img src="./images/UI图标19.png" alt=""><span>生活服务</span></a></li>
            <li><a href="#"><img src="./images/UI图标11.png" alt=""><span>地图管家</span></a></li>
            <li><a href="#"><img src="./images/UI图标17.png" alt=""><span>发现</span></a></li>
            <li><a href="#"><img src="./images/UI图标19.png" alt=""><span>回家</span></a></li>
        </ul>
    </div>
    <div class="bottom">
        <a href="./index-rem.html" class="nav"><img src="./images/UI图标1.png" alt=""><span>主页</span></a>
        <a href="./travel-nav.html" class="nav"><img src="./images/UI图标5.png" alt=""><span>主页</span></a>
        <a href="#" class="nav"><img src="./images/UI图标6.png" alt=""><span>主页</span></a>
    </div>
    <script src="./js/index.js">
    </script>
</body>

</html>